#root {
  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  width: 100%;
  font-size: 14px;
  color: var(--text-color);
}

* {
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
  width: 100%;
}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont'; /* Project id 4923611 */
  src:
    url('//at.alicdn.com/t/c/font_4923611_mg9530eyfba.woff2?t=1747401099308') format('woff2'),
    url('//at.alicdn.com/t/c/font_4923611_mg9530eyfba.woff?t=1747401099308') format('woff'),
    url('//at.alicdn.com/t/c/font_4923611_mg9530eyfba.ttf?t=1747401099308') format('truetype');
}
.iconfont {
  font-family: 'iconfont' !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
/* 瀑布流组件样式 */
.myMasonryGrid {
  display: -webkit-box;
  /* Not needed if autoprefixing */
  display: -ms-flexbox;
  /* Not needed if autoprefixing */
  display: flex;
  /* gutter size offset */
  width: auto;
  .myMasonryGridColumn:first-of-type {
    padding-left: 0;
  }
}
.myMasonryGridColumn {
  /* gutter size */
  background-clip: padding-box;
  padding-left: 10px;
}

/* Style your items */
.myMasonryGridColumn > img {
  /* change div to reference your elements you put in <Masonry> */
  margin-bottom: 1rem;
}
